<template>
  <section class="i-header">
    <div class="header-item left">
      <i class="icon iconfont icon-richscan_icon"></i>
      <div class="text">扫一扫</div>
    </div>
    <div class="header-item right">
      <i class="icon iconfont icon-qiaquan"></i>
      <div class="text">卡券</div>
    </div>
  </section>
</template>

<script>
export default {
  name: 'i-header'
}
</script>
<style lang="scss" scoped>
@import '~@/assets/css/global.scss';
.i-header {
  background-color: $gb-color-header-red;
  padding: 6px 60px;
  color: $gb-color-gold;
  background-image: url('hyzgn.png');
  background-position: center center;
  background-size: 300px;
  background-repeat: no-repeat;
  .header-item {
    text-align: center;
  }
  .icon {
    font-size: 40px;
  }
  .text {
    font-size: 20px;
    line-height: 30px;
  }
  .left {
    float: left;
  }
  .right {
    float: right;
  }
}
</style>
